<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<title>首页</title>
	<meta name="decorator" content="cms_default_${site.theme}" />
	<meta name="description" content="JeeSite ${site.description}" />
	<meta name="keywords" content="JeeSite ${site.keywords}" />

	<link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon">

	<link type="text/css" rel="stylesheet" href="${ctxStaticTheme}/css/flexslider.css" />
	<link type="text/css" rel="stylesheet" href="${ctxStaticTheme}/css/jquery.mmenu.all.css" />
	<link type="text/css" rel="stylesheet" href="${ctxStaticTheme}/css/style.css" />
	<link href="${ctxStatic}/bootstrap/2.3.1/awesome/font-awesome.min.css" type="text/css" rel="stylesheet" />

	<script type="text/javascript" src="${ctxStaticTheme}/js/jquery.min.js"></script>
	<script type="text/javascript" src="${ctxStaticTheme}/js/jquery.mmenu.min.all.js"></script>
	<script type="text/javascript" src="${ctxStaticTheme}/js/jquery.flexslider.js"></script>
	<script type="text/javascript" src="${ctxStaticTheme}/js/o-script.js"></script>

</head>
<body>
<!-- Header -->
<div id="header">
	<a href="#menu"></a>
				<span id="Logo" class="svg">
					<img src="${site.logo}" />
				</span>
	<a class="backBtn" href="javascript:history.back();"></a>
</div>
<div class="subHeader"><i class="i-home i-small"></i>${site.title }</div>


<!-- Content -->
<div id="content">

	<c:forEach items = "${articles }" var = "article">
	
	<div class="mainIconPane" >
					<span class="i-pane i-green">
						<i class="i-phone"></i>
					</span>
		<h4><a href="view-${article.id}.html">${article.title }</a></h4>
		<p>
			${article.description }
		</p>
	</div>
	</c:forEach>
	
</div>

<div class="exploreSiteFullPane">

	<c:forEach items="${categories}" var="category">
		<a href="list-${category.id }.html" class="explorePane active">
					<span class="i-pane i-blue">
						<i class="icon-${category.image} large"></i>
					</span>
			<h4>${category.name}</h4>
		</a>
	</c:forEach>

</div>
</body>
</html>